    <template>
        <div class="sidebar">
            <el-menu  default-active="1" class="el-menu-vertical-demo" mode="vertical" theme="dark" unique-opened>               
                <el-menu-item v-for="item in items" :index="item.index">
                    {{ item.name }}
                </el-menu-item>                 
            </el-menu>
        </div>
    </template>
    <script>
        export default {
            data:function(){
                return{
                    items:[
                        {
                            name:"最新年进度",
                            index:"1"
                        
                        },
                        {
                            name:"最新月进度",
                            index:"2"
                            
                        },
                        {
                            name:"最新现场照片",
                            index:"3"
                            
                        }
                    ],
                }
            },
           
        }
    </script>
    <style scoped>
        .sidebar{
            width: 100px;
             display: inline-block;
        }    
    </style>
    
    
    
    